<template>
  <el-container class="space">
    <h2>个人中心</h2>
    <el-card class="user-info">
      <el-card class="user-menu">
        <span class="security-title">个人中心</span>
        <el-menu class="user-menu-ref">
          <el-menu-item index="EditUser"><router-link to="/personalCentre/personalInterface"><div>我的信息</div></router-link></el-menu-item>
          <el-menu-item><router-link to="/personalCentre/profilePhoto"><div>我的头像</div></router-link></el-menu-item>
          <el-menu-item><router-link to="/personalCentre/accountSecurity"><div>账号安全</div></router-link></el-menu-item>
          <el-menu-item><router-link to="/personalCentre/personalInterface"><div>会员积分</div></router-link></el-menu-item>
        </el-menu>
      </el-card>
      <el-card class="user-body">
        <router-view/>
      </el-card>
    </el-card>
    <el-footer></el-footer>
  </el-container>
</template>

<script>
export default {
  name: 'PersonalCentre',
  data () {
    return {}
  },
  watch: {},
  methods: {}
}
</script>

<style scoped lang="less">
@import "personalCentre";
</style>
